<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>分类页</title>
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/category.css" />
  </head>
  <body>
    <div class="container">
      <div class="header">
        <div class="lt" onclick="javascript:history.go(-1)">&lt;</div>
        <div class="ct">商品列表</div>
        <div class="rt"></div>
      </div>
      <div class="flex-box">
        <div class="cate-nav">
          <div class="cate-nav-body">
            <div class="item active">
              <div class="name">商品查询结果</div>
            </div>
   
          </div>
        </div>
        <div>
          <div class="cate-item">
            <div class="h">
              <span class="name">商品名称</span>
              <!-- <span class="desc">分类名描述</span> -->
            </div>
            <div class="b" id="g-goods"></div>
            <div class="alert"><span>对不起,找不到该商品</span> </div>

          </div>
        </div>
      </div>
    </div>
  </body>
  <script type="text/html" id="tpl-goods">
    {{each data}}
            <div class="alert"><span>对不起,找不到该商品</span> </div>
    <a class="item" href="./goods.html?goodsid={{$value.id}}">
      <img class="img" src="{{$value.list_pic_url}}" />
      <span class="name o-name" >{{$value.name}}</span>
      <span class="price">￥{{$value.retail_price}}</span>
    </a>

    {{/each}}
  </script>
  <script src="./js/jquery.js"></script>
  <script src="./js/layui/layui.all.js"></script>
  <script src="./js/baseAPI.js"></script>
  <script src="./js/template-web.js"></script>
  <script src="./js/category520.js"></script>
</html>
<style>
  .alert {
     display: none;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     width: 130px;
     height: 100px;
     /* background-color: pink; */
  }
</style>
